@import "../../../common/static/lib/css/root.less";

.index-superior{

  .summary{
    padding:20px 0 40px 0;
  }

  .products{
    padding:40px 0;
    .block{
      background: #fff;
      border:1px solid  #ebebeb;
      padding:30px;
      .left{
        float: left;
        width:400px;
        .profit-rate{
          width: 150px;
          height: 150px;
          margin:0 auto;
          .border-radius(75px);
          line-height: 150px;
          font-size:100px;
        }
        .name{
          text-align: center;
          margin-top:10px;
          font-size: 20px;
        }
      }
      .right{
        width: 450px;
        float: left;
        margin:0 10px;
        .desc{
          margin-top:10px;
          line-height: 40px;
        }
        .credit{
          height: 75px;
        }
        .btn-container{
          text-align: left;
          padding-top:20px;
        }
      }
    }

    .term-block:hover{
      box-shadow: 3px 3px 3px #dddddd;
      .term-content{
        .product-type{
          .profit{
            .transform(scale(1.05));
          }
        }
      }
    }
  }

  .products:hover{
    .profit{
      .transform(scale(1.05));
    }
  }
}